<template>
	<u-popup v-model="show"  mode="bottom"  border-radius="50" :mask="false" :mask-close-able="false">
	   <u-row gutter="16">
	   			<u-col span="10"> 选择归属专辑 </u-col>
	   			<u-col span="2"> <u-icon name="plus"></u-icon> </u-col>
	   </u-row>
	   <view class="list">
	   	       <u-row gutter="16">
	   	       			<u-col span="3"> 选择归属专辑 </u-col>
	   	       			<u-col span="9"> 
						    <view class="name"> xxx </view>
							<view class="tags"> xxx </view>
							<view class="numbers"> xxx </view>
						</u-col>
	   	       </u-row>
	   </view>
	</u-popup>
</template>

<script>
	 import {  api } from '@/app/api.js'  
	 export default {
	 	props: { 
	 		show: Boolean, 
	 	}, 
		data(){
			 return {
				 src:null,
			 }
		}, 
		mounted() {
			  this.getImg() 
			 	  
		},
	 	methods: {
			getImg(){
				var url =this.type == 'login' ? "/getLoginImageCode":"/imageCaptchaImage";
				api(url,{},'GET').then(data=>{
					 console.log("data: ",data);
					this.src = "data:image/gif;base64," + data.img;
					this.$store.state.uuid =  data.uuid;
					console.log("this.uuid: ",data.uuid);
				})
			},
	 		 
	 	}
	 }
</script>

<style lang="less"> 
  
</style>
